<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人中心-个人信息</title>
  <link rel="shortcut icon" href="../img/icon/library-icon.png" type="image/x-icon">

  <link rel="stylesheet" href="../css/clearDefalutStyle.css">
  <link rel="stylesheet" href="../css/user-module-left.css">
  <link rel="stylesheet" href="../css/user-right-info.css">

  <link rel="stylesheet" href="../css/user-module-info.css">
  
  <!-- <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->
  <script src="../js/jquery-1.6.2.min.js"></script>
  <script src="../js/Cookie.js"></script>
  <script src="../js/user-module-info.js"></script>
  <script src="../js/clock-script.js"></script>
</head>
<body>
  <div class="container">
    <div class="leftContainer">
      <div class="logo"><a href="./index.html">图书管理系统</a></div>

      <p>导航</p>
      <ul class="borrowFun">
        
        <li><img src="../img/icon/search-on.png"><a href="../html/user-module-record.html">借阅记录</a></li>
        <!-- <li><img src="../img/icon/search-on.png"><a href="../html/search.html">图书查询</a></li> -->
        <li class="focusItem"><img src="../img/icon/userinfo1.png"><a href="../html/user-module-info.html">个人信息</a></li>
        <li><img src="../img/icon/info-modify.png"><a href="../html/user-info-modify.html">修改信息</a></li>

        <li><img src="../img/icon/changepass1.png"><a href="../html/user-module-changePass.html">修改密码</a></li>
        
      </ul>
      <div class="clockBox"></div>
      <p class="quoto">"读万卷书、行万里路。"</p>
    </div>
    <div class="rightContainer">
      <div class="userInfo">
        <div class="loginOut"><a href="../php/register/logout.php">登出</a></div>
        <div class="loginTitle">个人中心</div>
        <div class="userName"><img src="../img/icon/users.png" alt=""><span>[userName]</span></div>

      </div>
      <div class="content">
        <div class="funTitle">个人信息
          <!-- <span class="modify">修改</span> -->
        </div>
        <ul class="userInformation">
          <li class="name">
            <span>用户名：</span>
            <span class="Uname">USERNAME</span>
          </li>
          <li class="account">
            <span>账号：</span>
            <span class="Uacc">12345678</span>
          </li>
          <li class="total">
            <span>注册时间：</span>
            <span class="Uregis">2020-12-12</span>
          </li>
          <li class="name">
            <span>邮箱：</span>
            <span class="Uemail">email@qq.com</span>
          </li>
          <li class="tel">
            <span>电话</span>
            <span class="Utel">12345678</span>
          </li>
          <li class="total">
            <span>尚未归还图书数量：</span>
            <span class="Ukeep">15</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</body>
</html>